<img> - mrsekut-p

<img>

画像を表示する

srcsetとsizesでレスポンシブ画像をやる

画像のLazy loading

属性

imgタグのsrcset属性

imgタグのsizes属性

<img>のalt属性

imgタグのheightとwidth属性

<img>のloading属性

imgタグのfetchpriority属性

src属性

画像のファイル名も検索エンジンの画像理解の情報として参考にされる

img01.pngなどより、mens-tops.jpgのような具体的な名前の方が望ましい

ブラウザがimgタグのsrcset属性に未対応の場合、src属性が見られる

<img>のdecording属性

https://qiita.com/hibikikudo/items/853aafe32ad7900712c8

https://zenn.dev/ixkaito/articles/deep-dive-into-decoding

関連

https://developers.google.com/search/docs/advanced/guidelines/google-images?hl=ja&visit_id=637555245419781309-2322843778&rd=1

『現場のプロから学ぶ SEO技術バイブル』 p.33~